import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import CalendarPage from '@/components/CalendarPage'
import ConfirmPage from '@/components/ConfirmPage'
import SwitchPage from '@/components/SwitchPage'
import SearchPage from '@/components/SearchPage'
import ProgressBarPage from '@/components/ProgressBarPage'
import MessagePage from '@/components/MessagePage'
import PaginationPage from '@/components/PaginationPage'
import UploadPage from '@/components/UploadPage'
import NumberInputPage from '@/components/numberInputPage'
import DistPickerPage from '@/components/DistPickerPage'
import FormPage from '@/components/FormPage'
import DisplayPage from '@/components/DisplayPage'
import RecursivePage from '@/components/RecursivePage'
import TreePage from '@/components/TreePage'
Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/calendar',
      name: 'CalendarPage',
      component: CalendarPage
    },
    {
      path: '/confirm',
      name: 'ConfirmPage',
      component: ConfirmPage
    },
    {
      path: '/switch',
      name: 'SwitchPage',
      component: SwitchPage
    },
    {
      path: '/search',
      name: 'SearchPage',
      component: SearchPage
    },
    {
      path: '/progressbar',
      name: 'ProgressBarPage',
      component: ProgressBarPage
    },
    {
      path: '/message',
      name: 'MessagePage',
      component: MessagePage
    },
    {
      path:'/pagination',
      name:'PaginationPage',
      component:PaginationPage
    },
    {
      path:'/upload',
      name:'UploadPage',
      component:UploadPage
    },
    {
      path:'/numberInput',
      name:'NumberInputPage',
      component:NumberInputPage
    },
    {
      path:'/distPicker',
      name:'DistPickerPage',
      component:DistPickerPage
    },
    {
      path:'/form',
      name:'FormPage',
      component:FormPage
    },
    {
      path:'/display',
      name:'DisplayPage',
      component:DisplayPage
    },
    {
      path:'/recursive',
      name:'RecursivePage',
      component:RecursivePage
    },
    {
      path:'/tree',
      name:'TreePage',
      component:TreePage
    }
  ]
})
